<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>充值到余额 - 期金管家</title>
    <!-- Bootstrap CSS -->
<!--    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
          integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

    <link rel="stylesheet" href="/static/home/css/common.css">-->

    <style type="text/css">
        /*银行卡列表*/
        .payFastList {
        }

        .payFastList ul {
            overflow: hidden;
        }

        .payFastList li {
            float: left;
            margin: 0 20px 10px 0;
        }

        .payFastList li label {
            background:#ffffff;
            border: 1px solid #CCCCCC;
            padding: 5px 0px 5px 5px;
            cursor: pointer;
        }

        .payFastList li label:hover {
            border: 1px solid #da251c;
        }

        .payFastList li label.active {
            border: 1px solid #da251c;
        }
        .payFastList li {position:relative;}
        .payFastList button { padding:10px 40px;}



    </style>
</head>
<body>
<!--HEADER-->
{include file="Public/header"/}
<!--HEADER-->



<div class="container futuresDeposit">
    <div class="row">
        <div class="col-md-12 payFastList">
            <p class="h3">充值到余额 <b class="fontRed">{$data.amount}</b>元(手续费{$data.charge}元)</p>
            <div class="payFast mt-4">
                <img src="http://www.lcqjgj.com/static/home/images/payfast.png">&nbsp;&nbsp;&nbsp;&nbsp;
                <img src="http://www.lcqjgj.com/static/home/images/paypoptip.png">
            </div>
            <form class="form-horizontal" role="form" action="http://www.lczc999.com/sendpay/orderpay.php" method="post" enctype="multipart/form-data">
            <ul class="list-unstyled mt-4">
                <li>
                    <label>
                        <input type="radio" name="cerdid" id="" value="01020000" checked="checked">
                        <span class="bank-name">
                        	<img src="http://www.lcqjgj.com/upload/bankks/1-1.jpg" height="39" width="222"></span>
                        <span class="fn-left icon-cardNo"></span>

                    </label>
                </li>

                <li>
                    <label>
                        <input type="radio" name="cerdid" id="" value="01030000" checked="checked">
                        <span class="bank-name">
                        	<img src="http://www.lcqjgj.com/upload/bankks/2-2.jpg" height="39" width="222"></span>
                        <span class="fn-left icon-cardNo"></span>

                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="cerdid" id="" value="01040000" checked="checked">
                        <span class="bank-name">
                        	<img src="http://www.lcqjgj.com/upload/bankks/3-3.jpg" height="39" width="222"></span>
                        <span class="fn-left icon-cardNo"></span>

                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="cerdid" id="" value="01050000" checked="checked">
                        <span class="bank-name">
                        	<img src="http://www.lcqjgj.com/upload/bankks/4-4.jpg" height="39" width="222"></span>
                        <span class="fn-left icon-cardNo"></span>

                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="cerdid" id="" value="01000000" checked="checked">
                        <span class="bank-name">
                        	<img src="http://www.lcqjgj.com/upload/bankks/5-5.jpg" height="39" width="222"></span>
                        <span class="fn-left icon-cardNo"></span>

                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="cerdid" id="" value="03030000" checked="checked">
                        <span class="bank-name">
                        	<img src="http://www.lcqjgj.com/upload/bankks/6-6.jpg" height="39" width="222"></span>
                        <span class="fn-left icon-cardNo"></span>

                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="cerdid" id="" value="03050000" checked="checked">
                        <span class="bank-name">
                        	<img src="http://www.lcqjgj.com/upload/bankks/7-7.jpg" height="39" width="222"></span>
                        <span class="fn-left icon-cardNo"></span>

                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="cerdid" id="" value="03060000" checked="checked">
                        <span class="bank-name">
                            <!--width="190px" height="25px" -->
                        	<img src="http://www.lcqjgj.com/upload/bankks/8-8.jpg" height="39" width="222"></span>
                        <span class="fn-left icon-cardNo"></span>

                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="cerdid" id="" value="04012900" checked="checked">
                        <span class="bank-name">
                        	<img src="http://www.lcqjgj.com/upload/bankks/9-9.jpg" height="39" width="222"></span>
                        <span class="fn-left icon-cardNo"></span>

                    </label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="cerdid" id="" value="04031000" checked="checked">
                        <span class="bank-name">
                        	<img src="http://www.lcqjgj.com/upload/bankks/10-10.jpg" height="39" width="222"></span>
                        <span class="fn-left icon-cardNo"></span>

                    </label>
                </li>
                <input type="hidden" name="InMerBillNo"  value="{$data.order}" checked="checked">
                <input type="hidden" name="InAmount"  value="{$data.amount}" checked="checked">
                <!--  <li>
                      <a href="/home/userpaycard/pageadd"
                         style="margin-top: 10px;float: left; font-family: '宋体';color:red; font-weight: bold;">&gt;&gt;
                          绑定更多银行卡</a>
                  </li>-->
            </ul>
                <button class="btn btn-primary mb-4">下一步</button>
              </form>

        </div>
    </div>
</div>


<!--footer-->
{include file="Public/footer"/}
<!--footer-->

<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>
<script src="/static/home/js/personal_head_menu.js"></script>-->
</body>
</html>
<script>
    //点击添加边框样式
    $(".payFastList").find("ul li").click(function () {
        $("label").removeClass("active");
        $(this).find("label").addClass("active");
    });
</script>